<template name="ver">
    <h2>Ver Viajes PENDIENTES</h2>
    <div id="borrar" title="Desea borrar este viaje?" style="display: none">
        <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span><strong>Atenci&oacuten!</strong><br/>Por favor confirme antes de borrar este viaje</p>
    </div>
    {{pagination}}
    <br/>
    <table style="width: 100%; font-size: 11px;">
        <tr>
            <th>Nombre</th>
            <th>Salida</th>
            <th>Arribo</th>
            <th>Conductor</th>
            <th>Veh&iacute;culo</th>
            <th>Grupo</th>
            <th>Ruta</th>
            <th></th>
        </tr>
        <template name="viaje">
        <tr>
            <td>{{nombre}}</td>
            <td>{{salida}}</td>
            <td>{{llegada}}</td>
            <td>{{conductores.nombre}}</td>
            <td>{{vehiculos.nombre}}</td>
            <td>{{grupos.nombre}}</td>
            <td>{{rutas.nombre_ruta}}</td>
            <td>
                <div class="borrar" idElemento="{{idviaje}}">Borrar</div>
            </td>
        </tr>
        </template>
        <template name="sin_resultados">
        <tr>
            <td colspan="8">No hay resultados para mostrar</td>
        </tr>
        </template>
    </table>
    <br/>
    {{pagination}}
    <script type="text/javascript">
        $(function(){
            $('.borrar').button( { icons: {primary: "ui-icon-circle-close"} } ).bind('click', function() { borrar($(this).attr('idElemento')); } );
        });

        function borrar(id)
        {
            $("#borrar").dialog({
                resizable: false,
                height:240,
                modal: true,
                buttons:
                {
                    "Borrar": function() {
                        $( this ).dialog( "close" );
                        document.location.href = '{{delete_action}}'+id;
                    },
                    "Cancelar": function() {
                        $( this ).dialog( "close" );
                    }
                }
            });
        }
    </script>
</template>